草庐IT

2D 地图绘制

全部标签

javascript - 将 CSS 样式标记添加到谷歌地图

有人可以告诉我如何添加thisanimatedmarker到下面的谷歌地图API。下面是标准的googlemapsapi代码,带有为标记(图标)提供图像源的选项。functioninitialize(){varmyLatlng=newgoogle.maps.LatLng(-25.363882,131.044922);varmapOptions={zoom:4,center:myLatlng}varmap=newgoogle.maps.Map(document.getElementById('map-canvas'),mapOptions);varmarker=newgoogle.map

javascript - "Cannot read property ' zindex ' of undefined"谷歌地图

我正在尝试使用API将自定义控件添加到Googlemap。我已经添加了两个自定义控件,它们工作得很好。我试图复制并粘贴第三个控件的代码(当然更改相关变量)并且我不断收到上述错误(在标题中)。Chrome控制台和Firebug似乎没有指出特定问题(它在googlemapsapi代码内部中断)。通过逐步注释掉行,我将范围缩小到这一行:map.controls[google.maps.ControlPosition.TOP_RIGHT].push(churchControlDiv);添加控件的完整代码如下:functionChurchControl(churchControlDiv,map)

javascript - 谷歌地图手绘

最新代码-http://jsfiddle.net/YsQdh/88/-此版本使用gDouglasPeuker从绘制版本创建基本的多边形形状-http://jsfiddle.net/YsQdh/94/^这将禁用map绘制,并在创建形状后再次启用它。我正在开发一个谷歌地图应用程序。与多边形点和点击练习相反。我希望能够绘制一个形状-然后将其转换为多边形。这是我最新的申请-http://jsfiddle.net/Cbk9J/168/我找到了以下代码-但我不确定如何将其合并到示例中。我没有找到任何免费手绘的文档,我不确定这些功能是否存在于谷歌地图绘图管理器中。varcompleteFreehan

javascript - 在谷歌地图中给每个国家不同的颜色

有谁知道如何在谷歌地图中给每个国家不同的颜色?例如:在世界地图上蓝色覆盖到英国,然后是红色中国...等不知道google有没有提供API给每个国家赋予颜色谢谢 最佳答案 使用Googlemap这真的不容易,正如@oezi所说,您需要为每个要着色的国家/地区构建叠加层,坦率地说,这听起来很乱。但是如果您不需要Googlemap的所有功能,也许您可以使用MapChart来自出色的GoogleChartTools(又名ChartAPI)。您可以在交互式ChartWizard中检查和修改彩色map(以及其他一些)的工作示例。2017年更新:

javascript - 使用 D3 在 map 上绘制点

我正在尝试使用基于纬度和经度的D3地理库在map上绘制几个点。但是,当我将这些值传递到我的投影函数时,它会导致坐标超出我的SVG图像的范围。我的代码基于thisexampleprovidedinthedocumentation.我已将当前代码放在:http://bl.ocks.org/rpowelll/8312317我的源数据是一个简单的对象数组,格式如下varplaces=[{name:"Wollongong,Australia",location:{latitude:-34.42507,longitude:150.89315}},{name:"Newcastle,Australia

javascript - D3 : Grayscale image display driven by 2D array data

有人知道如何使用d3显示灰度图像,即像素强度的二维数组吗?我似乎无法在任何地方找到它的任何例子,它会很棘手吗?任何帮助/链接/指针表示赞赏! 最佳答案 如果只想显示图像,请使用imageelement和“xlink:href”属性。例如:svg.append("image").attr("xlink:href","my.png").attr("width",960).attr("height",500);如果你想给灰度图像上色,请看这个colorizedheightmapexample它使用分位数来创建发散色标,并使用HCL插值来获

javascript - 如何在 JavaScript 中围绕多段线绘制多边形?

我想围绕折线绘制多边形。在我的案例中,多段线是谷歌地图的方向,我需要在谷歌地图Canvas中围绕它显示一个多边形。首先:为了偏移,我使用了JavaScriptClipper库。我有以下折线(路线):我使用Clipper在下面制作了一个偏移多边形:我有一个工作JSBinexample.代码是:JavascriptClipperLibrary/Offsetpolylinefunctiondraw(){varpolygons=[[{"X":72,"Y":59.45},{"X":136,"Y":66},{"X":170,"Y":99},{"X":171,"Y":114},{"X":183,"Y

javascript - 谷歌地图 v3 panTo 回调?

如何在单个指定的panTo调用上设置回调函数?这是我的代码。varloc=data.split(',');map.panTo(newgoogle.maps.LatLng(loc[0],loc[1]),function(){console.log('thisneverlogs...');}); 最佳答案 我不清楚您要实现的目标。您是否希望回调在平移完成时运行?如果是这样,您可以试试这个:map.panTo(newgoogle.maps.LatLng(loc[0],loc[1]));google.maps.event.addListen

javascript - 谷歌地图 v3 在 map 初始化后调整缩放级别

我正在初始化谷歌地图并定期(每30秒)更新map上的标记/信息窗口。我正在使用Bounds自动放大,但要确保所有标记/信息窗口都可见。我的问题是信息窗口位于map的边缘并且经常被切断。因此,每次更新map时我都需要缩小“1”。我可以使用“map.zoom”来确定当前的缩放级别并重新计算新的所需值,但我不知道如何设置这个新值。缩放参数只能在初始化map时设置吗?这真的很简单吗?下面是我的“更新”功能;functionupdatePage(){//clearcurrentmarkersclearOverlays();varlocation1=newgoogle.maps.LatLng(te

javascript - 阴影不显示谷歌地图标记

遇到问题,我正在尝试添加自定义阴影,但不知何故它没有显示。我使用Firebug检查了错误但没有错,路径也是正确的。我不知道为什么它不起作用。下面的代码。varmarker=newgoogle.maps.Marker({map:map,position:latlngset,shadow:'codes/icon/shadow.png',icon:baseicon+icon}); 最佳答案 随着v3.14作为实验版本的发布,任何未指定版本号的map都将获得新的视觉刷新行为,其中不包括阴影。Changesinthevisualrefresh